<!DOCTYPE html>
<html lang="en">
<head>
    <title>${title}</title>
    <meta name=”keywords” content=”${keywords}”/>
    <meta name="description" content="${description}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- bootstrap-css -->
    <link href="${ctxPath}/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstrap-css -->
    <link rel="icon" type="image/x-icon" href="${ctxPath}/static/faviconTitle.ico"/>
    <!-- css -->
    <link rel="stylesheet" href="${ctxPath}/static/css/style.css" type="text/css" media="all"/>
    <link href="${ctxPath}/static/css/zhyd.comment.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/zhyd.core.css" rel="stylesheet">
    <!--// css -->
    <!-- font-awesome icons -->
    <link href="${ctxPath}/static/css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script src="${ctxPath}/static/js/jquery-1.11.1.min.js"></script>
    <script src="${ctxPath}/static/js/bootstrap.js"></script>

    <script src="${ctxPath}/static/js/bootstrap-paginator.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!-- flexslider -->
    <link rel="stylesheet" href="${ctxPath}/static/css/flexslider.css" type="text/css" media="screen"/>
    <!-- //flexslider -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
@include("../_header.html",{current:'关于我们'}){}
<div class="banner-top visible-lg-block visible-md-block"
     style="background: url(${companyInfo.pic}) no-repeat 0 0;background-size: cover ;height: 570px">
</div>
<div class="banner-top visible-xs-block visible-sm-block"
     style="height: 300px;background: url('${companyInfo.mobileBannerPic}') no-repeat 0 ;background-size: cover ">
</div>

<!--PC -->
<div class="container-fluid visible-lg-block visible-md-block"
     style="background-color: #EEEEEE;padding: 0;margin-bottom: 20px;position: relative;">
    <div class="container" style="margin-top: 10px;min-height:650px;background-color: #eeeeee;">
        <div class="col-md-3" style="position: static">
            <div id="left" class="left_absolute" style="width: 200px;opacity: 0.8">
                <div style="background-color:#f8f8f8;color: #3a3a3a;">
                    <div style="font-weight: 400;font-size: 18px; text-align:center;line-height:35px;background-color: #50c9a0;">
                        <span style="color: white">关于恭逸</span>
                    </div>
                    <div style="width: 100%;text-align: center">
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#companyInfo"
                                                                                       style="color: black">公司简介</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#companyDep"
                                                                                       style="color: black">发展历程</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#companyWork"
                                                                                       style="color: #3a3a3a">公司业务</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#companySize"
                                                                                       style="color: #3a3a3a">公司规模</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#companyManage"
                                                                                       style="color: #3A3A3A">公司管理</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#culture"
                                                                                       style="color: #3a3a3a">企业文化</a>
                        </div>
                        <hr style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"/>
                        <div style="width: 100%;font-size: 16px;line-height: 35px;"><a href="#patent"
                                                                                       style="color: #3a3a3a">专利展示</a>
                        </div>
                    </div>
                </div>
                @include("../container_left.html"){}
            </div>
        </div>
        <div class="col-md-9">
            <div style="height: 40px;width: 100%;line-height: 40px;" id="companyInfo">
                <div style="display: inline-block;border-left:8px solid #50c9a0;padding-left: 8px;height: 35px">
                    <span style="margin: 0;font-size: 21px;color: #474747">关于恭逸</span>
                </div>
                <!--面包屑 -->
                <div style="display: inline-block;float: right">
                    <ul style="list-style: none">
                        <li style="display: inline-block;">
                            <span style="color:#464646 ">您当前的位置：</span>
                            <a href="/index"
                               style="color: #464646; text-decoration: none;font-family: 'Roboto', sans-serif;">首页</a>
                            <span style="color:#464646 "> &nbsp>>&nbsp </span>
                        </li>
                        <li style="display: inline-block;color: #212121;font-family: 'Open Sans', sans-serif;letter-spacing: 1px">
                            <span>关于我们</span>
                        </li>
                    </ul>
                </div>
                <!--//面包屑 -->
            </div>
            <div style="padding: 50px;color: #727272">
                <p>${companyInfo.description}
                </p>
            </div>
        </div>
    </div>

    <!--发展历程-->
    <div style="background: url(${companyInfo.devPic}) no-repeat 0px 0px;background-size:cover;height: 950px;width: 100%"
         id="companyDep">
        <div class="container">
            <div class="col-md-3"></div>
            <div class="col-md-9">
                <div class="w3-about-us-div1">
                    <div class="w3-about-us-div2" style="height: 35px">
                        <span style="margin: 0;font-size: 21px;color: #474747">发展历程</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--发展历程 end-->

    <!--公司业务 -->
    <div class="container" style="margin-top: 20px;height: 650px" id="companyWork">
        <div class="col-md-3"></div>
        <div class="col-md-9">
            <div class="w3-about-us-div1">
                <div class="w3-about-us-div2" style="height: 35px">
                    <span style="margin: 0;font-size: 21px;color: #474747">公司业务</span>
                </div>
            </div>
            <div style="margin-top: 56px">
                <div class="col-md-6" style="height: 450px;padding-left: 0;padding-right: 0">
                    <div class="clearfix"></div>
                    <div style="width: 100%;height: 50%">
                        <img src="${ctxPath}/static/images/home/公司业务.jpg" width="100%" height="100%">
                    </div>
                    <div style="width: 100%;height: 50%">
                        <div id="matong" class="col-md-6"
                             style="background-color: #3a3a3a;height: 100%;text-align: center;margin: 0;cursor:pointer;"
                             onclick="window.location.href='${navMatong.navUrl}'">
                            <h3 id="h1" style="color: #50c9a0;margin-top: 50px;font-weight: 500">智能马桶</h3>
                            <img id="img1" src="${ctxPath}/static/images/home/未选中1.png" width="50" height="50"
                                 style="margin-top: 10px">
                        </div>
                        <div id="matonggai" class="col-md-6"
                             style="background-color:#50c9a0 ;height:100%;cursor:pointer;text-align: center;margin:0;"
                             onclick="window.location.href='${navMatonggai.navUrl}'">
                            <h3 id="h2" style="margin-top: 50px;font-weight: 500;color: #3A3A3A">智能马桶盖</h3>
                            <img id="img2" src="${ctxPath}/static/images/home/未选择2.png" width="50" height="50"
                                 style="margin-top: 10px">
                        </div>
                    </div>
                </div>
                <div class="col-md-6"
                     style="background: url(${companyInfo.workingRangePic});height: 450px;padding-left: 0;padding-right: 0">
                    <div class="clearfix"></div>
                    <div class="w3-agile-post-info" style="text-align: center;padding:35px;">
                        <h3 style="color:#50c9a0;font-size: 30px;font-weight: 500">业务范围</h3>
                        <p style="color: #e0e0e1;margin-top: 30px;text-align: left;line-height: 1.9em">
                            ${companyInfo.workingRange}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--公司业务end -->

    <!--公司规模 -->
    <div style="background-color: #3a3a3a;width: 100%;height:600px;margin-top: 45px;padding-bottom: 32px"
         id="companySize">
        <div class="container">
            <div class="col-md-3"></div>
            <div class="col-md-9">
                <div class="w3-about-us-div1">
                    <div class="w3-about-us-div2" style="height: 35px">
                        <span style="margin: 0;font-size: 21px;color: white">公司规模</span>
                    </div>
                </div>
                <div style="margin-top: 9em; text-align: center">
                    <div id="leader" class="col-md-4 col-xs-12">
                        <div id="leaderPic" style="position: absolute">
                            <div class="w3-about-team"><span>公司领导</span></div>
                            <img src="${ctxPath}/static/images/pc/aboutUs/公司领导.png" alt="公司领导" class="img-circle"
                                 width="250" height="250">
                        </div>
                        <div id="leaderInfo" style="position: absolute;opacity: 0">
                            <div style="width: 250px;height: 250px;border: 3px solid #50c9a0;border-radius: 50%;text-align: center;padding: 33px">
                                <h3 style="color:#3dcbb7;font-size: 30px;font-weight: 500;">公司领导</h3>
                                <p style="color: #f5f5f5;font-size: 12px">${companyInfo.leader}</p>
                            </div>
                        </div>
                    </div>
                    <div id="team" class="col-md-4 col-xs-12">
                        <div id="teamPic" style="position: absolute">
                            <div class="w3-about-team"><span>研发团队</span></div>
                            <img src="${ctxPath}/static/images/pc/aboutUs/研发团队.png" alt="研发团队" class="img-circle"
                                 width="250px" height="250px">
                        </div>
                        <div id="teamInfo" style="position: absolute;opacity: 0">
                            <div style="width: 250px;height: 250px;border: 3px solid #50c9a0;border-radius: 50%;text-align: center;padding: 33px">
                                <h3 style="color:#3dcbb7;font-size: 30px;font-weight: 500;">研发团队</h3>
                                <p style="color: #f5f5f5;font-size: 12px">${companyInfo.team}</p>
                            </div>
                        </div>
                    </div>
                    <div id="workTeam" class="col-md-4 col-xs-12">
                        <div id="workTeamPic" style="position: absolute">
                            <div class="w3-about-team"><span>业务团队</span></div>
                            <img src="${ctxPath}/static/images/pc/aboutUs/业务团队.png" alt="业务团队" class="img-circle"
                                 width="250px" height="250px">
                        </div>
                        <div id="workTeamInfo" style="position: absolute;opacity: 0">
                            <div style="width: 250px;height: 250px;border: 3px solid #50c9a0;border-radius: 50%;text-align: center;padding: 33px">
                                <h3 style="color:#3dcbb7;font-size: 30px;font-weight: 500;">业务团队</h3>
                                <p style="color: #f5f5f5;font-size: 12px">${companyInfo.workTeam}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--公司规模 end-->

    <!--公司管理 -->
    <div class="container" id="companyManage" style="background-color: #eeeeee;height: 670px">
        <div class="col-md-3"></div>
        <div class="col-md-9">
            <div class="w3-about-us-div1">
                <div class="w3-about-us-div2" style="height: 35px">
                    <span style="margin: 0;font-size: 21px;color: #474747">公司管理</span>
                </div>
            </div>
            <div class="col-md-6 col-xs-12" style="padding: 51px;margin-top: 40px">
                <div>
                    <span style="font-size: 20px;color: #4d4d4d">${companyInfo.companyManage}</span>
                </div>
                <div>
                    <div style="margin-top: 2em;margin-bottom: 1em">
                        <span style="font-size: 28px;color:#474747;border-right: 2px solid #50c9a0;padding-right: 0.3em;">用户管理程序</span>
                    </div>
                    <div>
                        <span style="font-size: 16px;color: #4d4d4d">${companyInfo.manageInfo}</span>
                    </div>
                </div>
                <div style="position: absolute;left: 0px;height:80px;width:80px;bottom: 0;border-left: 8px solid #50C9A0;border-bottom: 8px solid #50C9A0"></div>
            </div>
            <div class="col-md-6" style="margin-top: -39px">
                <img src="${ctxPath}/static/images/home/公司管理.jpg" style="height: 500px;width: 350px">
            </div>
        </div>
    </div>
    <!--公司规模end -->

    <!--企业文化 -->
    <div id="culture" class="container-fluid"
         style="background: url('${ctxPath}/static/images/pc/aboutUs/企业文化.jpg') no-repeat 0px 0px;background-size:cover;height: 600px;width: 100%">
        <div class="container">
            <div class="col-md-3"></div>
            <div class="col-md-9">
                <div class="w3-about-us-div1">
                    <div class="w3-about-us-div2" style="height: 35px">
                        <span style="margin: 0;font-size: 21px;color: white">企业文化</span>
                    </div>
                </div>
                <div style="text-align: center;margin: 5em 0">
                    <div style="width: 400px;word-break: break-all;color: #50c9a0;text-align: center;margin-left: 196px">
                        <h4 style="color: #c1c1c1;font-size: 28px">GO IN LIFE</h4>
                        <h2 style="font-size: 40px">${companyInfo.companyCultureTitle}</h2>
                    </div>
                    <div>
                        <p style="font-size:18px;margin: 2em 0;padding-left: 3em;padding-right: 3em;color: #c1c1c1">
                            ${companyInfo.companyCulture}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--企业文化 end -->

    <!--公司专利 -->
    <div class="container" id="patent" style="height: 677px;background-color: #eeeeee">
        <div class="col-md-3"></div>
        <div class="col-md-9" style="height: 100%">
            <div class="w3-about-us-div1">
                <div class="w3-about-us-div2" style="height: 35px">
                    <span style="margin: 0;font-size: 21px;color: #474747">专利展示</span>
                </div>
            </div>
            <div class="w3-about-patentInfo">
                <div id="info">
                    <span id="title" style="font-size: 25px;color: #454545">${patentInfo.title}</span>
                    <div style="font-size: 15px;color:#8c8c8c;margin-top: 15px">
                        <span style="display: block">外观证书设计名称：<span
                                id="patentName">${patentInfo.patentName}</span></span>
                        <span style="display: block">专利号：<span id="patentCode">${patentInfo.patentCode}</span></span>
                        <span style="display: block">申请日：<span id="applyDate">${patentInfo.applyDate}</span></span>
                        <span style="display: block">专利权人：<span id="patentee">${patentInfo.patentee}</span></span>
                    </div>
                </div>
                <div style="margin-top: 40px">
                    <span id="prv" style="cursor:pointer;"><img src="${ctxPath}/static/images/pc/icon/上一页.png"></span>
                    <span id="next" style="cursor:pointer;"><img src="${ctxPath}/static/images/pc/icon/下一页.png"></span>
                </div>
            </div>
            <div class="w3-about-patent" style="overflow: hidden">
                <ul id="ul" class="w3-about-patent-ui"
                    style="float: left;list-style: none;margin-top:10%;overflow: hidden;white-space:nowrap;   ">
                    @for(var i=0;i< 4;i++){
                    @if(i==1){
                    <li id="show" class="w3-about-patent-li" value="${patentInfo.id}">
                        <div id="showimg" class="w3-about-li-div"
                             style="width: 250px;height: 360px; box-shadow:darkgrey 3px 5px 10px;border: 1px solid transparent;background-color: transparent">
                            <img id="patentPic" data-target="#patentModel" data-toggle="modal" src="${patentInfo.pic}"
                                 alt="${patentInfo.patentName}" style="height: 100%;width: 100%;cursor: pointer">
                        </div>
                    </li>
                    @}
                    <li class="w3-about-patent-li">
                        <div class="w3-about-li-div">
                            <img src="${ctxPath}/static/images/pc/aboutUs/专利/${i}.png"
                                 style="height: 100%;width: 100%;vertical-align: bottom">
                        </div>
                    </li>
                    @}
                </ul>
            </div>
        </div>
    </div>
    <!--模态框-->
    <div class="modal fade" id="patentModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-content modal-dialog" style="width: 550px">
            <img id="modelimg" style="width: 100%;height: auto" src="${patentInfo.pic}">
        </div>
    </div>
    <!--公司专利  end -->

</div>

<!--mobile -->
<div class="container-fluid visible-xs-block visible-sm-block" style="background-color: #EEEEEE;padding: 0;">
    <div class="container">
        <div style="margin-top: 20px">
            <span class="mobile-title1">关于我们</span>
            <span class="mobile-title2">专注于智能、健康、舒适的卫浴研发</span>
        </div>
        <div style="margin-top: 15px">
            <p>${companyInfo.description}</p>
        </div>
    </div>
    <div class="container" style="margin-top: 20px">
        <div>
            <span class="mobile-title1">发展历程</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <img src="${companyInfo.devPhonePic}" style="width: 100%;height: auto">
    </div>
    <div class="container" style="margin-top: 20px">
        <div>
            <span class="mobile-title1">公司业务</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <div style="background: url('${companyInfo.workingRangePic}') no-repeat;background-size: cover;height: auto;width: 100%;display: flex;justify-content: center;align-items: center">
            <div class="mobile-about-text">${companyInfo.workingRange}</div>
        </div>
    </div>
    <div class="container">
        <div style="margin-top: 20px;">
            <span class="mobile-title1">公司领导</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <div style="margin-top: 20px">
            <span style="font-size: 15px">${companyInfo.leader}</span>
            <div style="width: 100%;height: 160px;background: url('/static/images/mobile/aboutUs/公司领导.jpg') no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center">
                <div class="mobile-leader-btn">
                    <span class="mobile-btn-span">我们的领导团队</span>
                    <img class="mobile-btn-img" src="${ctxPath}/static/images/mobile/icon/箭头.png">
                </div>
            </div>
        </div>
        <div style="margin-top: 20px;">
            <span class="mobile-title1">研发团队</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <div style="margin-top: 20px">
            <span style="font-size: 15px">${companyInfo.team}</span>
        </div>
        <div style="margin-top: 20px;">
            <span class="mobile-title1">业务团队</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <div style="margin-top: 20px">
            <span style="font-size: 15px">${companyInfo.workTeam}</span>
        </div>
        <div style="margin-top: 20px;">
            <span class="mobile-title1">公司管理</span>
            <span class="mobile-title2">从零开始潜心研究  始终如一的坚持与努力</span>
        </div>
        <div style="margin-top: 20px">
            <span style="font-size: 15px">${companyInfo.companyManage}</span>
        </div>
        <div style="width: 100%;background: url('/static/images/mobile/aboutUs/公司管理.jpg') no-repeat;background-size: cover">
            <div style="padding: 63px 20px 63px 20px;color: white">
                <h3>三大管理程序</h3>
                <span>${companyInfo.manageInfo}</span>
            </div>
        </div>
    </div>
    <div class="container">
        <div style="margin-top: 20px;">
            <span class="mobile-title1">企业文化</span>
            <span class="mobile-title2">不至于马桶  可以体检的智能马桶盖</span>
        </div>
        <div>
            <p>重庆恭逸科技有限公司是一家致力于健康智能卫浴用品研发、生产和销售的创新型科技公司；公司拥有教授、博士、高级管理人才和技术骨干为主的技术和管理团队;<br>
                在普通智能马桶盖的基础上，采用了高新传感器、电控制器、APP和云数据存储分析等技术；实现了用户入厕过程中对其身体健康指标进行监测，达到“差异化服务、健康监测”的目的。</p>
        </div>

        <div style="width: 100%;height: 276px;background: url('/static/images/mobile/aboutUs/技术专利.jpg')no-repeat;background-size: cover;margin-bottom: 20px">
            <div style="padding:18px 60px 60px 35px">
                <span class="mobile-title1">技术专利</span>
                <span class="mobile-title2" style="color: white">26项国家国家专利  四十多项知识产权</span>
                <div style="margin-top: 20px">
                    <a class="mobile-leader-btn" style="margin-left: 0px" href="/patentList">
                        <span class="mobile-btn-span">查看证书详情</span>
                        <img class="mobile-btn-img" src="${ctxPath}/static/images/mobile/icon/箭头.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@include("../_footer.html"){}
<!-- //footer -->
<script>
    $("#matong").hover(
        function () {
            $(this).css("background-color", "#50C9A0");
            $("#img1").attr("src", "${ctxPath}/static/images/home/未选择2.png");
            $("#h1").css("color", "#3a3a3a");
        }, function () {
            $(this).css("background-color", "#3a3a3a");
            $("#img1").attr("src", "${ctxPath}/static/images/home/未选中1.png");
            $("#h1").css("color", "#50C9A0");
        });
    $("#matonggai").hover(
        function () {
            $(this).css("background-color", "#3a3a3a");
            $("#img2").attr("src", "${ctxPath}/static/images/home/未选中1.png");
            $("#h2").css("color", "#50C9A0");
        }, function () {
            $(this).css("background-color", "#50C9A0");
            $("#img2").attr("src", "${ctxPath}/static/images/home/未选择2.png");
            $("#h2").css("color", "#3a3a3a");
        });
</script>
<script src="${ctxPath}/static/js/jarallax.js"></script>
<script src="${ctxPath}/static/js/SmoothScroll.min.js"></script>
<script src="${ctxPath}/static/js/api/aboutme.js"></script>
<script src="${ctxPath}/static/js/responsiveslides.min.js"></script>
<script type="text/javascript" src="${ctxPath}/static/js/move-top.js"></script>
<script type="text/javascript" src="${ctxPath}/static/js/easing.js"></script>
<!-- //here ends scrolling icon -->
<script type="text/javascript" src="${ctxPath}/static/js/scroller-menu.js"></script>

</body>
</html>